/*
 * jQuery UI Board 1.0
 *
 * Copyright (c) 2012 Yaacov Zamir (kobi.zamir at gmail)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 */
body {
    font-size: 62.5%;
}
#ui-board-dialog-form fieldset { 
    border: none; 
}
#ui-board-dialog-form label {
    display: block;
}
#ui-board-dialog-form input.text {
    display: block;
    margin-bottom: 12px;
    padding: 0.4em;
    width: 95%;
}
#ui-board-dialog-form fieldset {
    border: 0 none;
    margin-top: 25px;
    padding: 0;
}
#ui-board-dialog-form h1 {
    font-size: 1.2em;
    margin: 0.6em 0;
}
#ui-board-dialog-form .validateTips {
    border: 1px solid transparent;
    padding: 0.3em;
}
#ui-board-dialog-form .ui-state-error, .ui-widget-content .ui-state-error {
    border: 1px solid #CD0A0A;
}

.ui-board {
  position: absolute;
  width: 750px; 
  height: 750px; 
  background-color: white;
  border: 1px solid gray;
  overflow: hidden;
}

.ui-board ul.ui-board-elements-list {
   height: 0;
   width: 0;
   padding: 0;
   margin: 0;
}

.ui-board div.grid-box {
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.ui-board .grid_lines {
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
}

.ui-board img.background, .ui-board p.value {
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

li.ui-board-element.ui-resizable {
    list-style: none;
    border: 1px gray dashed;
    background-color: lightblue;
    z-index: 1000;
}

li.ui-board-element.ui-resizable-disabled {
  opacity: 1;
  filter: alpha(opacity = 100);
  border-color: transparent;
}

li.ui-board-element {
  position: absolute;
  width: 150px; 
  height: 150px; 
}

li.ui-board-element .ui-resizable-handle {
  position: absolute;
  width: 8px; 
  height: 8px; 
  background-color: yellow;
  background-image: none!important;
}
li.ui-board-element .ui-resizable-se {
  bottom: -4px;
  right: -4px;
}
li.ui-board-element .ui-resizable-sw {
  bottom: -4px;
  left: -4px;
}
li.ui-board-element .ui-resizable-ne {
  top: -4px;
  right: -4px;
}
li.ui-board-element .ui-resizable-nw {
  top: -4px;
  left: -4px;
}

li.ui-board-element.ui-selecting .ui-resizable-handle { 
    background: #FECA40;
}
li.ui-board-element.ui-selected .ui-resizable-handle { 
    background: #F39814; color: white; 
}

